<template>
<div>
  <div v-transfer-dom>
    <x-dialog v-model="dialog" :hide-on-blur="true" >

      <div class="payway-dialog">
        <div class="payway">
            {{tipContent}}
        </div>
      </div>
      <div class="btn-comfirm-container display-flex justify-content-flex-end">
        <div class="btn-comfirm justify-content-flex-center display-flex align-items-center" @click="closeDialog"><span>确定</span></div>
      </div>
    </x-dialog>
  </div>
</div>
</template>
<script type="text/ecmascript-6">
    export default {
      props: {
        tipContent: String
      },
      mounted() {
      },
      data() {
        return {
          dialog:false
        }
      },
      methods: {
        showDialog() {
          this.dialog = true;
        },
        closeDialog() {
          this.dialog = false;
        }
      }
    }
</script>

<style lang="less" type="text/less" scoped>
  .payway-dialog {
    overflow: scroll;
    // position: relative;
    padding: .6rem .8rem .42rem .8rem;

    .payway {
      text-align: left;
      color: #333;
      font-size: .32rem;
      min-height: .88rem;
    }
  }
  .btn-comfirm {
    min-width: 1.5rem;
    padding: .15rem .3rem;
    color: #fff;
    margin: 0 .5rem .2rem .5rem;
    background: rgba(82, 125, 217, 1);
    border-radius: .42rem;
  }
</style>
